<template>
	<view>
		<view class="main">
			<view class="kuang" v-for="(item,index) in menu" @click="change(item.leixing)">
               {{item.leixing}}
				<image src="../../static/users/right.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menu: [{
					leixing: "这是一条举报类型"
				}, {
					leixing: "这是一条举报类型"
				}, {
					leixing: "这是一条举报类型"
				}, {
					leixing: "这是一条举报类型"
				}, {
					leixing: "这是一条举报类型"
				}, ]
			}
		},
		methods: {
			change() {

			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F2F4FA;
	}

	.main {
		padding: 10rpx 40rpx 10rpx 42rpx;
		margin: 30rpx;
		width: 690rpx;
		// height: 442rpx;
		background: #FFFFFF;
		border-radius: 40rpx;

		.kuang {
			width: 610rpx;
			height: 90rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #181818;
			line-height: 90rpx;
			position: relative;

			image {
				position: absolute;
				right: 0;
				top: 37rpx;
				width: 10rpx;
				height: 18rpx;
			}
		}
	}
</style>
